<template>
  <div class="discount-skeleton">
        <div class="block" v-for="i in 2">
            <div class="left">
                <div class="name"></div>
                <div class="time"></div>
            </div>
            <div class="my-img"></div>
        </div>
  </div>
</template>

<script>
export default {
  name: "s-activity",
  created() {}
};
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
.discount-skeleton {
    padding-top: 0.08rem;

    .block {
        width: 100%;
        min-height: 0.7rem;
        padding: 0.08rem 0.12rem;
        box-sizing: border-box;
        display: flex;
        background-color #e5e5e5;
        margin-bottom: 0.01rem;

        .my-img {
            align-self: center;
            background-color: #eee;
            border-radius: 0.04rem;
            width: .8rem;
            height: 0.4rem;
            margin-left: 0.14rem;
            flex-shrink: 0;
        }

        .left {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            .name {
                background-color: #eee;
                width: 1.2rem;
                height: 0.07rem;
                border-radius: 0.02rem;
                margin-top: 0.1rem;
            }

            .time {
                width: 0.9rem;
                height: 0.07rem;
                border-radius: 0.02rem;
                margin-bottom: 0.1rem;
                background-color: #eee;
            }
        }

    }
}
</style>